<h3>Google images:</h3>
<div class="pager">
    <ul>
        #{list items:googleImageResult.cursor.pages, as:'page'}
        #{if (googleImageResult.cursor.currentPageIndex+1) == page.label}
        <li class="selected">
            <span>${page.label}</span></li>
        #{/if}
        #{else}
        <li><a href="@{InternetImage.getImages(params.title, page.start)}">${page.label}</a></li>
        #{/else}
        #{/list}
    </ul>
</div>
<ul class="brand-images">
    #{list items:googleImageResult.results, as:'image'}
    <li>
        <div><input type="radio" name="imageUrl" id="imageUrl_${image.imageId}" value="${image.url}"/></div>
        <a href="${image.url}">
            <img src="${image.tbUrl}" alt="" width="${tbWidth}" height="${tbHeight}"/>
        </a>
    </li>
    #{/list}
</ul>
<div class="pager">
    <ul>
        #{list items:googleImageResult.cursor.pages, as:'page'}
        #{if (googleImageResult.cursor.currentPageIndex+1) == page.label}
        <li class="selected">
            <span>${page.label}</span></li>
        #{/if}
        #{else}
        <li><a href="@{InternetImage.getImages(params.title, page.start)}">${page.label}</a></li>
        #{/else}
        #{/list}
    </ul>
</div>